<template>
    <div class='yun-form'>
        <el-form size='mini' label-width="60px">
            <el-form-item label="name：">
                <el-input v-model='option.name' clearable></el-input>
            </el-form-item>
            <el-form-item label="width：">
                <el-input v-model.number='option.width'></el-input>
            </el-form-item>
            <el-form-item label="height：">
                <el-input v-model.number='option.height'></el-input>
            </el-form-item>
            <el-form-item label="left：">
                <el-input v-model.number='option.left'></el-input>
            </el-form-item>
            <el-form-item label="top：">
                 <el-input v-model.number='option.top'></el-input>
            </el-form-item>
            <el-form-item label="zIndex：">
                 <el-input v-model.number='option.zIndex'></el-input>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    props:{
        option:Object
    },
    data() {
        return {

        };
    },
    methods: {

    }
};
</script>

<style scoped lang="less">
    .yun-form{
        width:100%;
        /deep/.el-form-item__label{
            color:#fff;
        }
    }
</style>
